<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Key</title>
  <link rel="stylesheet" href="">
  <script type="text/javascript" src="../../js/vue.js"></script>
</head>

<body>
  <ul id="todo-list">
    <li v-for="item in value" :key="item.id">{{item.message}}</li>
  </ul>
  <script type="text/javascript">
  var key = new Vue({
    el: "#todo-list",
    data: {


      value: [

        {
          message: "list1",
          id: 1
        }, {
          message: "list2",
          id: 2
        }, {
          message: "list3",
          id: 3
        }, {
          message: "list4",
          id: 4
        },

      ]
    }

  });
  </script>
</body>

</html>
